<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html>
<head>
  <meta charset="UTF-8"/>
  <title>尚硅谷会员登录页面</title>
  <link rel="stylesheet" th:href="@{/css/style.css}"/>
  <script th:src="@{/script/vue.min.js}"></script>
  <script th:src="@{/script/axios.min.js}"></script>
  <script>
      window.onload = function () {
          new Vue({
              el: "#formDiv",
              data: {
                  username: "lina",
                  password: "ok",
              },
              methods: {
                  login: function () {
                      axios({
                          method: "post",
                          url: "/bookstore/user/check",
                          params: {
                              username: this.username,
                              password: this.password,
                          }
                      }).then(response => {
                          if (response.data.success) {
                              window.location.href = "http://localhost:8080/bookstore/index";
                          } else {
                              alert(response.data.message)
                          }
                      }).catch(reason => {
                          console.log(reason.data);
                      });

                  }
              }
          });
      };
  </script>
</head>
<body>

<div id="login_header">
  <a href="../index.html">
    <img class="logo_img" alt="" th:src="@{/img/logo.gif}"/>
  </a>
</div>

<div class="login_banner">
  <div id="l_content">
    <span class="login_word">欢迎登录</span>
  </div>
  <div id="content">
    <div class="login_form">
      <div class="login_box">
        <div class="tit">
          <h1>尚硅谷会员</h1>
        </div>
        <div class="msg_cont">
          <b></b>
          <span class="errorMsg">请输入用户名和密码</span>
        </div>
        <div id="formDiv" class="form">
          <form action="login_success.html">
            <label>用户名称：</label>
            <input class="itxt" type="text" placeholder="请输入用户名" autocomplete="off" tabindex="1"
                   name="username" id="username" v-model="username"/>
            <br/>
            <br/>
            <label>用户密码：</label>
            <input class="itxt" type="password" placeholder="请输入密码" autocomplete="off" tabindex="1"
                   name="password" id="password" v-model="password"/>
            <br/>
            <br/>
            <input type="button" value="登录" id="sub_btn" @click="login"/>
          </form>
          <div class="tit">
            <a th:href="@{/user/regist}">立即注册</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="bottom">
   <span>
     尚硅谷书城.Copyright &copy;2023
   </span>
</div>
</body>
</html>
